<script setup lang='ts'>
import { openMallWindow } from '@/helper'

import { financeBg, financeList } from '../resource'
</script>

<template>
    <div class="py-40 bg-#fff w-full"
         :style="{ background: `url(${financeBg}) center center no-repeat`, backgroundSize: '100% 100%' }"
    >
        <div class="mx-auto w-1300">
            <div class="mb-40 text-30 font-700 flex">
                <div>金融服务</div>
            </div>

            <div class="flex gap-10 justify-between">
                <el-image v-for="item in financeList"
                          :key="item"
                          class="rounded-4 h-100% w-100% cursor-pointer"
                          :src="item"
                          fit="cover"
                          @click="openMallWindow"
                />
            </div>
        </div>
    </div>
</template>
